<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>繁体</title>
    <link rel="stylesheet" href="../CSS/reset.css">
    <link rel="stylesheet" href="../CSS/traditional.css">
</head>
<body>
  <!-- 头部 -->
  <div class="header">
    <!-- 内宽 -->
    <div class="maxWidth">
        <ul class="bigul">
            <li>
                <!-- 标题栏 -->
                <a href="#">关于海底捞</a>
                <!-- 下拉隐藏框 -->
                <div class="down-select">
                    <ul>
                        <li>
                            <a href="#">火锅文化</a>
                        </li>
                        <li>
                            <a href="#">品牌故事</a>
                        </li>
                        <li>
                            <a href="#">经营理念</a>
                        </li>
                        <li>
                            <a href="#">社会责任</a>
                        </li>
                        <li>
                            <a href="#">媒体中心</a>
                        </li> 
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">海底捞美食</a>
                <div class="down-select">
                    <ul>
                        <li>
                           <a href="#">锅底</a> 
                        </li>
                        <li>
                            <a href="#">涮菜</a>
                        </li>
                        <li>
                            <a href="#">特色蘸料</a>
                        </li>
                        <li>
                            <a href="#">小吃甜品</a>
                        </li>
                        <li>
                            <a href="#">特色饮品</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">服务中心</a>
                <div class="down-select">
                    <ul>
                        <li>
                            <a href="#">门店搜索</a>
                        </li>
                        <li>
                            <a href="#">联系我们</a>
                        </li>
                        <li>
                            <a href="#">欢乐卡</a>
                        </li>
                        <li>
                            <a href="#">海底捞外卖</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="logobox">
                <a href="./index1.html">
                    <img src="../image/logo.png" alt="海底捞">
                </a>
            </li>
            <li>
                <a href="">投资者关系</a>
                <div class="down-select">
                    <ul>
                        <li>
                            <a href="#">公司治理</a>
                        </li>
                        <li>
                            <a href="#">招股文件</a>
                        </li>
                        <li>
                            <a href="#">公告通函</a>
                        </li>
                        <li>
                            <a href="#">业绩报告</a>
                        </li>
                        <li>
                            <a href="#">投资者联系</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">加入海底捞</a>
                <div class="down-select">
                    <ul>
                        <li>
                            <a href="#">门店招聘</a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">海底捞会员</a>
                <div class="down-select">
                    <ul>
                        <li>
                            <a href="#">关于会员</a>
                        </li>
                        <li>
                            <a href="#">会员权益</a>
                        </li>
                        <li>
                            <a href="#">会员须知</a>
                        </li>
                        <li>
                            <a href="#">隐私政策</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
     <!-- 语言选择  -->
     <div class="top-right">
        <img src="../image/search.png" alt="搜索">
        <img src="../image/world.png" alt="">
        <span>中国</span>
        <em></em>
        <span>En</span>
    </div>
    <!-- 点击出现的内容 -->
    <div class="search">
        <div class="maxWidth">
            <form action="#">
                <input type="text" placeholder="请输入关键字" name="color">
                <button></button>
            </form>
            <img src="../imgs/close.png" alt="">
        </div>
    </div>
    <div class="world">
        <span>中国</span>
        <span>新加坡</span>
    </div>
</div>
    <!-- 头部结束 -->
    <!-- banner开始 -->
    <div class="banner">
        <img src="../image/banner.jpg" alt="">
    </div>
    <!-- banner结束 -->
    <!-- 内容开始 -->
    <div class="content">
        <!-- 当前位置 -->
        <div class="location"></div>
        <div class="cbg_1">
            <img src="../image/cb.png" alt="">
        </div>
        <div class="cbg_r">
            <img src="../image/cbg.png" alt="">
        </div>
        <div class="zhongjian">
            <!-- 左侧 -->
            <div class="left_con">
                <div class="port">
                    <div class="port-header">
                        <span id="menu"></span>
                    </div>
                    <div class="flag">
                        <h2 class="menu_t">投資者關係</h2>
                        <ul class="menu_con">
                            <li >
                                <a href="investor.html">公司治理</a>
                            </li>
                            <li class="on">
                                <a href="prospectus supplement.html">招股文件</a>
                            </li>
                            <li>
                                <a href="Announcement circular.html">公告通函</a>
                            </li>
                            <li>
                                <a href="Performance report.html">業績報告</a>
                            </li>
                            <li>
                                <a href="Investor contact.html">投資者聯絡</a>
                            </li>
                        </ul>
                    </div>
                    <div class="shadow">
                        <ul class="float_list"></ul>
                    </div>
                </div>
                
            </div>
            <!-- 左侧 -->
            <div class="right-con">
                <div class="portlet">
                    <div class="port-header">
                        <span id="menu"></span>
                        <div class="shadow">
                            <ul class="float_list"></ul>
                        </div>
                    </div>
                    <div class="lin">
                        <div class="font-type">
                            <a href="traditional.html" class="on">繁体</a>
                            <a href="prospectus supplement.html" >简体</a>
                        </div>
                    </div>
                </div>
                <div class="portlet1">
                    <div class="borand">
                        <h2 class="title">招股文件</h2>
                        <ul class="list1">
                            <li class="claerfix">
                                <a href="#">全球發售</a>
                                <span class="ciear">
                                    <a href="#">点击下载</a>
                                </span>
                                <span class="date">2018-09-12</span>
                            </li>
                            <li class="claerfix">
                                <a href="#">全球發售 [正式通告]</a>
                                <span class="ciear">
                                    <a href="#">点击下载</a>
                                </span>
                                <span class="date">2018-09-12</span>
                            </li>
                            <li class="claerfix">
                                <a href="#">綠色申請表格</a>
                                <span class="ciear">
                                    <a href="#">点击下载</a>
                                </span>
                                <span class="date">2018-09-12</span>
                            </li>
                            <li class="claerfix">
                                <a href="#">黃色申請表格</a>
                                <span class="ciear">
                                    <a href="#">点击下载</a>
                                </span>
                                <span class="date">2018-09-12</span>
                            </li>
                            <li class="claerfix">
                                <a href="#">白色申請表格</a>
                                <span class="ciear">
                                    <a href="#">点击下载</a>
                                </span>
                                <span class="date">2018-09-12</span>
                            </li>
                            
                        </ul>
                        <div class="PAGE">
                            <div class="left">
                                <a href="#">首页</a>
                                <a href="#">上一页</a>
                                <a href="#">下一页</a>
                                <a href="#">尾页</a>
                            </div>
                            <div class="right">
                                <span>
                                    <em>1</em>
                                    /1
                                </span>
                                <span class="Jump">跳转至</span>
                                <input type="text" value="1" size="3" class="easy">
                                页
                                <input type="button" value="跳转" class="easy-btn">
                            </div>
                        </div>
                    </div>
                </div>
               
            </div>
        </div>
    </div>
    <!-- 内容结束 -->
    <!-- 底部开始 -->
    
    <!-- 底部结束 -->
    <!-- 侧边栏开始 -->
    <div class="sidebar">
        <ul class="head_list">
            <li class="pie">
                <a href="#">
                    门店
                    <br>
                    搜索
                </a>
            </li>
            <li class="pie">
                <a href="#">
                    投诉与
                    <br>
                    表扬
                </a>
            </li>
            <li class="pie" >
                <a href="#" style="line-height:32px;">
                   APP
                </a>
            </li>
            <li class="pie">
                <a href="#">
                    返回
                    <br>
                    顶部
                </a>
            </li>
        </ul>
    </div>
    <!-- 侧边栏结束 -->
</body>
</html>